<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<!--

Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License

Name       : WidgetLike
Description: A two-column, fixed-width design featuring black content area background.
Version    : 1.0
Released   : 20081016

-->
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
<title>WidgetLike by Free CSS Templates</title>
<meta name="keywords" content="" />
<meta name="description" content="" />
<link href="http://localhost:8000/static/style.css" rel="stylesheet" type="text/css" media="screen" />
</head>
<body>
<div id="bg1">
	<div id="header">
		<h1><a href="#"> Hadeel's blog </sup></a></h1>
	</div>
	<!-- end #header -->
</div>
<!-- end #bg1 -->
<div id="bg2">
	<div id="header2">
		<div id="menu">
			<ul>
				<li><a href="#">Photos</a></li>
				<li><a href="#">Portfolio</a></li>
				<li><a href="#">Friends</a></li>
				<li><a href="#">Contact me</a></li>
			</ul>
		</div>
		<!-- end #menu -->
		<div id="search">
			<form method="get" action="#">
				<fieldset>
				<input type="text" name="q" value="search keywords" id="q" class="text" />
				<input type="submit" value="Search" class="button" />
				</fieldset>
			</form>
		</div>
		<!-- end #search -->
	</div>
	<!-- end #header2 -->
</div>
<!-- end #bg2 -->
<div id="bg3">
	<div id="bg4">
		<div id="bg5">
			<div id="page">
				<div id="content">
					<div class="post">
						<div class="title">
							<h2><a href="#">About me</a></h2>
						</div>
						<div class="entry"> <img src="images/img01.jpg" alt="" width="150" height="102" class="left" />
							<p>My name is Hadeel Mohamed, am a 3rd year business informatics at the German university in Cairo.</p>
						</div>
						<div class="meta">
							<p class="credit">Posted by <a href="#">Me</a> on March 16, 2012</p>
							<p class="links"><a href="#" class="comments">Comments (no one commented on this post yet)</a></p>
						</div>
					</div>
					<div class="post">
						<div class="title">
							<h2><a href="#"> Posts </a></h2>
							</br> </br> 
							</br> </br> 
							<p>{% for Post in object_list %}

                            <h2 Align="left" ><a href="/blog1/{{Post.id}}">{{ Post.title }}</a></h2>

                            <div class="Post_meta">
                             on {{ Post.created }}
                            </div>
							{% endfor %} </p>
						    </div>
						      <div class="entry">
							  <p> <div class="Post_body">
                              {{ Post.body|safe|linebreaks }}
                              </div>
							  </p>
						</div>
						<div class="meta">
							<p class="credit">Posted by <a href="#">Someone</a> on March 16, 2012</p>
							<p class="links"><a href="#" class="comments">Comments (no comments)</a></p>
						</div>
					</div>
				</div>
				<!-- end #content -->
				<div id="sidebar">
					
						<li>
							<h2>You also can visit</h2>
							<ul>
								<li><a href="https://www.google.com/">Google</a></li>
                                <li><a href="https://www.facebook.com/">Facebook</a></li>
                                <li><a href="https://www.twitter.com/">Twitter</a></li>

							</ul>
						</li>
					</ul>
				</div>
				<!-- end #sidebar -->
				<div style="clear: both; height: 40px;">&nbsp;</div>
			</div>
			<!-- end #page -->
		</div>
	</div>
</div>
<!-- end #bg3 -->
<div id="footer">
	<p>(c) 2008 Sitename.com. Design by <a href="http://www.nodethirtythree.com/">nodeThirtyThree</a> + <a href="http://www.freewpthemes.net/">Free CSS Templates</a></p>
</div>
<!-- end #footer -->
</body>
</html>
